@extends('common.header')
<head>
<!-- 1.添加meta csrf_token -->
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>发表文章</title>
<link rel="shortcut icon" href="{{ asset('/images/favicon.ico') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset('/css/person/person-center.css') }}"/>
<script src=" {{ asset('/js/jquery-1.9.1.min.js') }} "></script>
<script type="text/javascript">

    <!-- 2.设置全局ajax选项 -->
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });

    // 获取 token
    var _token = $('meta[name="csrf-token"]').attr('content');


    // 删除 文章
    function delArticle(article_id) {
        if (confirm("确定删除吗?")) {
            $.ajax({
                type: 'post',
                url: "{{ url('/deleteArticle') }}",
                data: {article_id: article_id, _token: _token},
                async: false,
                dataType: "json",
                success: function (back) {
                    $('.err_edit').html('');
                    $('.err_edit').html(back['show_info']);
                    $(".err_edit").slideDown(1000);
                    $(".err_edit").delay(1500).slideUp(1000);
                    setTimeout(function () {
                        location.reload();
                    }, 1000);
                }
            });
        }

    }


</script>
</head>
<body style="background:#fff">

<!--面包屑导航-->
<div style="width: 1200px;height: 30px;position: relative;margin: 110px auto 0">
    <ol style="float: left;overflow: hidden;color: #333;list-style: none;">
        <li style="float: left;line-height: 30px;margin-left: 5px">当前位置：</li>
        <li style="float: left;line-height: 30px;margin-left: 5px"><a href="/" style="color: #de1e30;margin-left: 5px">首页</a>
        </li>
        <li style="float: left;line-height: 30px;margin-left: 5px"><a href="{{ url('/personNal') }}" style="color: #de1e30;margin-left: 5px">>
            个人中心</a></li>
        <li style="float: left;line-height: 30px;margin-left: 5px">> 文章管理</li>
    </ol>
</div>

<div class="wrap" style="margin-top:10px">
    <!--发文，管理标题-->
    <div class="left_menu">
        <div class="menu_block admin" >
            <a href="{{ url('/personNal') }}" class="menu_article">
                <i></i>
                我的资料
            </a>
			
        </div>
		<div class="menu_block admin_change_img">
            <a href="{{ url('/changuserpic') }}" class="menu_article">
                <i></i>
                修改头像
            </a>
			
        </div>
		<div class="menu_block admin-focus">
            <a href="{{ url('/myfans') }}" class="menu_article">
                <i></i>
                我的关注
            </a>
        </div>
		<div class="menu_block article-manage" style="background:#eee">
			<a href="{{ url('/articleManage') }}" class="menu_article">
				<i></i>
				文章管理
			</a>
		</div>
		<div class="menu_block menu_recharge">
            <a href="{{ url('/recharge') }}" class="menu_article">
                <i></i>
                充值中心
            </a>
        </div>
		<div class="menu_block menu_recharge">
            <a href="{{ url('/recharge_record') }}" class="menu_article">
                <i></i>
                充值记录
            </a>
        </div>
		<div class="menu_block article-colle">
			<a href="{{ url('/mycollect') }}" class="menu_article">
				<i></i>
				我的收藏
			</a>
		</div>
        <div class="menu_block article-publi">
            <a href="{{ url('/new_article') }}" class="menu_article">
                <i></i>
                发表文章
            </a>
        </div>
		<div class="menu_block article-recommend">
            <a href="{{ url('/recommendgame') }}" class="menu_article">
                <i></i>
                竞彩推荐
            </a>
        </div>
    </div>
    
	<!--发文，管理内容-->
    <div class="right_main">
		

        <!--文章列表-->
        <div class="admin_main right_body" id="main1">
            <div class="pagelet-write">
                <a href="#" class="page_tab">文章列表</a>
            </div>
            <div class="err_edit" style="display:none"></div>
            <div class="edit_body">


                <!-- 文章列表 -->
                <ul>
                    @forelse( $articles as $key => $info )
                    <li>
                        @if( in_array( $info['status'] ,array(3,4,5) ) )
                        <a target='_blank' href="{{ url('/article') }}/{{ $info['id'] }}" class="admin_img">
                            <img src="{{ $info['pic_url'] }}"/>
                        </a>
                        <div>
                            <a target='_blank' href="{{ url('/article') }}/{{ $info['id'] }}" class="admin_tit"
                               style="word-break:break-all;">
                                <h4>{{ $info['title'] }}</h4>
                            </a>
                            @else
                            <a href="" class="admin_img">
                                <img src="{{ $info['pic_url'] }}"/>
                            </a>
                            <div>
                                <a href="" class="admin_tit" style="word-break:break-all;">
                                    <h4>{{ $info['title'] }}</h4>
                                </a>
                                @endif
                                <div class="admin_other">
                                    状态：<span style="color:red">{{ $info['statusInfo'] }}</span><i></i>
                                    <span> {{  $info['commont_total'] }} </span>评论<i></i>
                                    {{ $info['create_at'] }}
                                </div>
                            </div>
                            <div class="admin_btn">
                                <a href="{{ url('/new_article') }}/{{ $info['id'] }}">修改</a>
                                <!--<a id="dele_{{ $info['id'] }}" onclick="var txt='确认删除？';
                window.wxc.xcConfirm(txt, window.wxc.xcConfirm.typeEnum.confirm);">删除</a>-->
                                <a onclick="delArticle({{ $info['id'] }});">删除</a>
                            </div>
                    </li>
                    @empty
                    <!--没有文章时显示-->
                    <div class="none_article">
                        <img src="{{ asset('/images/articles/nothing.png') }}" alt="">
                        <p>您还没有发表任何文章</p>
                        <a href="{{ url('/new_article') }}">赶快去发表!!</a>
                    </div>
                    @endforelse

                </ul>
            </div>
        </div>


    </div>

		
</div>


</div>

<div class="col-xs-6 col-md-2">

</div>

</div>


<div id="article" article_id="{{ $article_info->id or '' }}"></div>

<!-- 分页 -->
<div style="width:70%;text-align:right;font-size:14px;">
	{{ $person_articles ->links() }} 
</div>

<script>
    $("#edit_tit").click(function () {
        if ($(".edit_hide").css("display") == "none") {
            $(".edit_hide").slideDown(1500);
        } else {
            $(".edit_hide").slideUp(1000);
        }
    });
</script>
<script>
    $(".grid-info").eq(0).show();
	$("#tab-tit a").click(function(){
    var num =$("#tab-tit a").index(this);
    $(".grid-info").hide();
    $(".grid-info").eq(num).show().slblings().hide();
  })
</script>


@extends('common.footer')
</body>
